<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <!--<script>-->
        <!--function myFunction() {-->
           <!--alert("878");-->
        <!--}-->
    <!--</script>-->
    <script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://lib.baomitu.com/underscore.js/1.9.1/underscore-min.js"></script>
</head>

<body>

<div class="container blog-content-container">
    <form th:action="@{/register}"  method="post">
        <h2 class="form-signin-heading">注册成为博主</h2>

        <div class="form-group col-md-5">
            <label for="username" class="col-form-label">账号</label>
            <input type="text" class="form-control" id="username" name="username" maxlength="50" placeholder="请输入账号，至少3个字符，至多20个"/>

        </div>
        <div>
            <label for="phone" class="col-form-label">手机号</label>
            <input type="text" id="phone" name="phone" maxlength="30" placeholder="请输入手机号" />
        </div>

        <input type="text" name="auth_code" id="auth_code" placeholder="点右边获得短信验证码呦" />
            <button id="getCodeSumbit" type="button">获取验证码</button>
        <!--<div class="form-group col-md-5">-->
            <!--<label for="authcode" class="col-form-label">邮箱</label>-->
            <!--<input type="text" class="form-control" id="authcode" name="authcode" maxlength="50" placeholder="请输入验证码" />-->
        <!--</div>-->
        <!--<div class="form-group col-md-5">-->
            <!--<label for="name" class="col-form-label">姓名</label>-->
            <!--<input type="text" class="form-control" id="name" name="name" maxlength="20" placeholder="请输入姓名，至少2个字符，至多20个" >-->
        <!--</div>-->
        <div class="form-group col-md-5">
            <label for="password" class="col-form-label">密码</label>
            <input type="password" class="form-control" id="password" name="password" maxlength="30" placeholder="请输入密码，字母或特殊符号和数字结合" />
        </div>
        <div class="form-group col-md-5">
            <label for="password" class="col-form-label">性别</label>
            <input type="text" class="form-control" id="gender" name="gender" maxlength="30" placeholder="请输入性别" />
        </div>
        <div class="form-group">
            <button id="registerSumbit" type="submit" class="btn btn-primary">注册</button>
        </div>
    </form>

</div>
<script src="js/registerUser.js"></script>

</body>
</html>